<template>
    <div class="home">
        欢迎登陆学历报名系统
    </div>
</template>
<script>
    export default {
        name: "homeIndex",
        props: {},
        data() {
            return {
                closeIcon: 'bars',
                isCollapse: false,
                images: [
                    require('../assets/images/swipe2.png'),
                    require('../assets/images/swipe1.png'),
                    require('../assets/images/swipe3.png'),
                    require('../assets/images/swipe6.jpg'),
                    require('../assets/images/swipe7.jpg'),
                    require('../assets/images/swipe5.jpg'),
                    require('../assets/images/swipe4.png')

                ],
                show: false,
                index: 0,
                imagesHeZuo: [
                    require('../assets/images/hezuo.png')
                ],
            }

        },
        created() {
        },
        mounted() {
        },
        methods: {
        }
    }
</script>

<style lang="less" scoped>
    * {
        font-family: '微软雅黑';
    }

    .logoImg {
        width: 20px;
        height: 20px;
        padding: 5px;
    }

    .navDiv {
        height: 80px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border-radius: 30px;
        padding: 0px 5px;

        span {
            color: #fff59c;
            font-size: 20px;
            cursor: pointer;
            letter-spacing: 1px;
        }

        i {
            font-size: 23px;
            color: white;
        }
    }

    .bg1 {
        background: url("../assets/images/serviceCenter/1-1.jpg");
        background-size: 100% 100%;
    }

    .bg2 {
        background: url("../assets/images/serviceCenter/1-2.png");
        background-size: 100% 100%;
    }

    .navParent {
        background-color: #f0f0f0;
        padding: 5px;
    }

    .nav {
        background-color: white;
        border-radius: 10px;
    }
</style>

